<!DOCTYPE html>
<html>
<head>
<base  href="" />

  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title></title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <!-- Bootstrap 3.3.6 -->
  <link href="static/libs/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <!-- Font Awesome -->
  <link href="static/libs/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <link href="static/libs/toastr/toastr.min.css" rel="stylesheet">
  <link href="static/libs/animate/animate.min.css" rel="stylesheet">
  <link href="static/libs/sweetalert/sweetalert.css" rel="stylesheet">
  <link href="static/libs/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
  <link href="static/libs/layer/layer.dev.css" rel="stylesheet" id="layui_layer_skinlayercss">
  <link href="static/libs/layer/layer.ext.css" rel="stylesheet" id="layui_layer_skinlayerextcss">
  <!-- Theme style -->
  <link href="static/libs/adminlet/dist/css/AdminLTE.dev.css" rel="stylesheet">
   <link href="static/libs/_zfes/zfes.css" rel="stylesheet">
   
   <link href="static/libs/metisMenu/metisMenu.min.css" rel="stylesheet">
    <link href="static/libs/ztree/css/metroStyle/metroStyle.css" rel="stylesheet">
   
  
  <!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
  <link href="static/libs/adminlet/dist/css/skins/_all-skins.min.css" rel="stylesheet">
  <!-- iCheck -->
  <link href="static/libs/icheck/skins/all.css" rel="stylesheet">
  <!-- Morris chart -->
  <link href="static/libs/morris/morris.css" rel="stylesheet">
  <!-- jvectormap -->
  <link href="static/libs/jquery-jvectormap/jquery-jvectormap-2.0.3.css" rel="stylesheet">
  <!-- Date Picker -->
  <!-- <link href="static/libs/datepicker/datepicker3.css" rel="stylesheet"> -->
  <!-- Daterange picker -->
 <!--  <link href="static/libs/daterangepicker/daterangepicker-bs3.css" rel="stylesheet"> -->
  <!-- bootstrap wysihtml5 - text editor -->
  <link href="static/libs/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css"  rel="stylesheet">
  
  <link href="static/libs/switchery/switchery.min.css"  rel="stylesheet">
  
  <link href="static/libs/chosen/chosen.css" rel="stylesheet">
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="static/libs/html5shiv/html5shiv.min.js"></script>
  <script src="static/libs/respond/respond.min.js"></script>
  <![endif]-->
<!-- 时间插件 -->
 <link href="static/libs/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css"></link>
</head>
<body class="hold-transition skin-blue sidebar-mini" id="zfes_index_body">
<div class="pace  pace-inactive">
<div class="pace-progress" data-progress-text="100%" data-progress="99" style="width: 100%;">
	  <div class="pace-progress-inner"></div>
	</div>
	<div class="pace-activity"></div>
</div>
<div class="wrapper">

  <header class="main-header">
    <!-- Logo -->
    <a href="#" class="logo">
      <!-- mini logo for sidebar mini 50x50 pixels -->
      <span class="logo-mini"><b>snowy</b></span>
      <!-- logo for regular state and mobile devices -->
      <span class="logo-lg"><b>kingmon</b></span>
    </a>
    <!-- Header Navbar: style can be found in header.less -->
    <nav class="navbar navbar-static-top">
      <!-- Sidebar toggle button-->
      <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        <span class="sr-only">菜单收缩按钮</span>
      </a>
      
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">
          <!--消息： Messages: style can be found in dropdown.less-->
          <li class="dropdown messages-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <i class="fa fa-envelope-o"></i>
              <span class="label label-success" id="messagesTotal">0</span>
            </a>
            <ul class="dropdown-menu">
              <li class="header">消息列表</li>
              <li>
                <!-- inner menu: contains the actual data -->
                <ul class="menu" id="messagesList"></ul>
              </li>
              <li class="footer"><a  onclick="openMoreMsg();">查看所有信息</a></li>
            </ul>
          </li>
          
          <!--通知 ： Notifications: style can be found in dropdown.less -->
          <li class="dropdown notifications-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <i class="fa fa-bell-o"></i>
              <span class="label label-warning" id="informMsgTotal">0</span>
            </a>
            <ul class="dropdown-menu">
              <li class="header">通知列表</li>
              <li>
                <!-- inner menu: contains the actual data -->
                <ul class="menu" id="informMsgList"></ul>
              </li>
              <li class="footer"><a onclick="openMoreMsg();">查看所有通知</a></li>
            </ul>
          </li>
          
          <!-- 任务： Tasks: style can be found in dropdown.less -->
          <li class="dropdown tasks-menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <i class="fa fa-flag-o"></i>
              <span class="label label-danger">3</span>
            </a>
            <ul class="dropdown-menu">
              <li class="header">任务列表</li>
              <li>
                <!-- inner menu: contains the actual data -->
                <ul class="menu">
                  <li><!-- Task item -->
                    <a href="#">
                      <h3>任务1<small class="pull-right">20%</small></h3>
                      <div class="progress xs">
                        <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                          <span class="sr-only">20% Complete</span>
                        </div>
                      </div>
                    </a>
                  </li>
                  <!-- end task item -->
                  <li><!-- Task item -->
                    <a href="#">
                      <h3>任务2<small class="pull-right">40%</small></h3>
                      <div class="progress xs">
                        <div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                          <span class="sr-only">40% Complete</span>
                        </div>
                      </div>
                    </a>
                  </li>
                  <!-- end task item -->
                  <li><!-- Task item -->
                    <a href="#">
                      <h3>任务3<small class="pull-right">60%</small> </h3>
                      <div class="progress xs">
                        <div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                          <span class="sr-only">60% Complete</span>
                        </div>
                      </div>
                    </a>
                  </li>
                </ul>
              </li>
              <li class="footer">
                <a href="#">查看所有任务</a>
              </li>
            </ul>
          </li>
          
          <!--用户信息 User Account: style can be found in dropdown.less -->
        <li class="dropdown user user-menu">
          </li>  
               
      <!--  <li class="dropdown user user-menu"> -->
           <!-- <input type="button"  name="position" id="position" style="color: black;"> --> 
        <!--    <div class="form-group" id="appId_div"> 
					<km-select id="position" host="baseServer" url="/auth/authUser/loadUserPosition" vmodel="position" name="position" onchange="switchPosition();"></km-select>
				 </div>    -->
         
      <!--     </li> -->
          <li class="dropdown user user-menu">
          
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <img src="static/libs/adminlet/dist/img/profile_small.jpg" class="user-image" alt="User Image">
              <span  name="username" id="username" ></span>
              
              <span class="hidden-xs">
              
              </span>
       
            </a>
            <ul class="dropdown-menu">
              <!-- User image -->
              <li class="user-header">
                <img src="static/libs/adminlet/dist/img/profile_small.jpg" class="img-circle" alt="User Image">
                <p>admin<small>2016-05-31</small>
                </p>
              </li>
              <!-- Menu Body -->
              <!-- Menu Footer-->
              <li class="user-footer">
                <div class="pull-left">
                  <a href="#" class="btn btn-default btn-flat" onclick="showUserInfo();">个人信息</a>
                </div>
               
                <div class="pull-right">
                  <a href="#" class="btn btn-default btn-flat" onclick="logout();">退出</a>
                </div>
              </li>
            </ul>
          </li>
          <li>
            <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
          </li>
        </ul>
      </div>
    </nav>
    <!-- Header Navbar end -->
  </header>
<!--############################################### Header  end ############################################### -->
  
  <!-- Left side column. contains the logo and sidebar -->
  <aside class="main-sidebar">
    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">
      <!-- Sidebar user panel 用户 panel -->
      <div class="user-panel">
        <div class="pull-left image">
          <img src="static/libs/adminlet/dist/img/profile_small.jpg" class="img-circle" alt="User Image">
        </div>
        <div class="pull-left info">
          <p>admin</p>
          <a href="#"><i class="fa fa-circle text-success"></i>在线</a>
        </div>
      </div>
      <!-- sidebar menu: : style can be found in sidebar.less -->
      <ul class="sidebar-menu" id="zfes_adminlet_sidebar_menu"> </ul>
    </section>
    <!-- /.sidebar -->
  </aside>

<!--############################################### main-sidebar  end ############################################### -->
  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
     <!--  -->
     <h1 class="fa fa-edit" id="zfes_adminlet_main_content_title_big">首页<small></small></h1>  <!-- -->
      <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> 主页</a></li>
        <li class="active" id="zfes_adminlet_main_content_title_small"></li>
      </ol>
    </section>

    <!-- Main content -->
    <section class="content" id="zfes_adminlet_main_content">  </section>
    <!-- /.content -->
  </div>
  <!--############################################### 右侧  Control Sidebar############################################### -->
  <!-- 右侧  Control Sidebar -->
  <aside class="control-sidebar control-sidebar-dark">
    <!-- Create the tabs -->
    <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
      <li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
      <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
    </ul>
    <!-- Tab panes -->
    <div class="tab-content">
      <!-- Home tab content -->
      <div class="tab-pane" id="control-sidebar-home-tab">
        <h3 class="control-sidebar-heading">任务进度</h3>
        <ul class="control-sidebar-menu">
          <li>
            <a href="javascript:void(0)">
              <h4 class="control-sidebar-subheading">任务1<span class="label label-danger pull-right">70%</span></h4>
              <div class="progress progress-xxs"><div class="progress-bar progress-bar-danger" style="width: 70%"></div></div>
            </a>
          </li>
          <li>
            <a href="javascript:void(0)">
              <h4 class="control-sidebar-subheading"> 任务2<span class="label label-success pull-right">95%</span></h4>
              <div class="progress progress-xxs"><div class="progress-bar progress-bar-success" style="width: 95%"></div></div>
            </a>
          </li>
        </ul>
        <!-- /.control-sidebar-menu -->

      </div>
      <!-- /.tab-pane -->
      <!-- Stats tab content -->
      <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
      <!-- /.tab-pane -->
      <!-- Settings tab content -->
      <div class="tab-pane" id="control-sidebar-settings-tab">
        <form method="post">
          <h3 class="control-sidebar-heading">通用设置</h3>
          <div class="form-group">
            <label class="control-sidebar-subheading"> 通用设置1<input type="checkbox" class="pull-right" checked></label>
            <p> 通用设置1详细说明</p>
          </div>
           <div class="form-group">
            <label class="control-sidebar-subheading"> 通用设置2<input type="checkbox" class="pull-right" checked></label>
            <p> 通用设置3详细说明</p>
          </div>
          <!-- /.form-group -->

          <h3 class="control-sidebar-heading">其他设置</h3>
          <div class="form-group">
            <label class="control-sidebar-subheading">其他设置1<input type="checkbox" class="pull-right" checked> </label>
          </div>
          <div class="form-group">
            <label class="control-sidebar-subheading">其他设置2<input type="checkbox" class="pull-right" checked> </label>
          </div>
        </form>
      </div>
      <!-- /.tab-pane -->
    </div>
  </aside>
  <!-- /.control-sidebar -->
  <!-- Add the sidebar's background. This div must be placed
       immediately after the control sidebar -->
  <div class="control-sidebar-bg" ></div>
</div>
<!-- ./wrapper -->

<!-- jQuery 2.2.0 -->
<script src="static/libs/jquery/jquery-2.2.4.min.js"></script>
<script src="static/libs/jquery/js.cookie.js" ></script>
<script src="static/libs/store/store.min.js"></script>
<script src="static/libs/toastr/toastr.min.js"></script>
<script src="static/libs/bootstrap-table/bootstrap-table.min.js"></script>
<script src="static/libs/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="static/libs/jquery-ui/jquery-ui.min.js"></script>
<script>
  $.widget.bridge('uibutton', $.ui.button);
</script>
<!-- Bootstrap 3.3.6 -->
<script src="static/libs/bootstrap/js/bootstrap.min.js"></script>
<script src="static/libs/pace/pace.min.js" type="text/javascript" ></script>

<!-- Morris.js charts -->
<script src="static/libs/raphael/raphael.min.js" type="text/javascript" ></script>
<!-- Sparkline -->
<script src="static/libs/sparkline/jquery.sparkline.min.js" type="text/javascript" ></script>
<!-- jvectormap -->
<script src="static/libs/jquery-jvectormap/jquery-jvectormap-2.0.3.min.js" type="text/javascript" ></script>
<script src="static/libs/jquery-jvectormap/jquery-jvectormap-world-mill-en.js" type="text/javascript" ></script>
<!-- jQuery Knob Chart -->
<script src="static/libs/knob/jquery.knob.min.js" type="text/javascript" ></script>
<!-- daterangepicker -->
<script src="static/libs/moment/moment.min.js" type="text/javascript" ></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="static/libs/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript" ></script>
<!-- Slimscroll -->
<script src="static/libs/slimscroll/jquery.slimscroll.min.js" type="text/javascript" ></script>

<script src="static/libs/jquery-easypiechart/easypiechart.min.js" type="text/javascript" ></script>
<script src="static/libs/jquery-easypiechart/jquery.easypiechart.min.js" type="text/javascript" ></script>
<!-- FastClick -->
<script src="static/libs/fastclick/fastclick.js"></script>

<script src="static/libs/metisMenu/metisMenu.min.js" type="text/javascript" ></script>

<script src="static/libs/layer/layer.dev.js" type="text/javascript" ></script>

<script src="static/libs/layer/layer.ext.js" type="text/javascript" ></script>

<script src="static/libs/chosen/chosen.jquery.js" type="text/javascript" ></script>

<!-- AdminLTE App -->
<script src="static/libs/adminlet/dist/js/app.min.js" type="text/javascript" ></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<!--  <script src="static/libs/adminlet/dist/js/pages/dashboard.js"></script>-->

<script src="static/libs/sweetalert/sweetalert.min.js" type="text/javascript" ></script>
<script src="static/libs/jsplumb/jquery.jsPlumb-1.7.0-min.js" type="text/javascript" ></script>
<script src="static/libs/vue/vue.min.v2.js" type="text/javascript" ></script>

<script src="static/libs/jquery-validation/jquery.validate.min.js" type="text/javascript" ></script>
<script src="static/libs/jquery-validation/localization/messages_zh.min.js" type="text/javascript" ></script>
<!-- 流程图 -->
<script src="static/libs/jsplumb/jquery.jsPlumb-1.7.0-min.js" type="text/javascript" ></script>

<!-- 时间插件 -->
<script src="static/libs/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js" type="text/javascript" ></script>

<script src="static/libs/switchery/switchery.min.js" type="text/javascript" ></script>

<!-- 统计 -->
<script src="static/libs/echarts/echarts.min.js" type="text/javascript" ></script>
<script src="static/libs/echarts/shine.js" type="text/javascript" ></script>
<script src="static/libs/echarts/echartsUtils.js" type="text/javascript" ></script>
<script src="static/libs/echarts/statistics.js" type="text/javascript" ></script>
 <!-- kindedit -->
<!-- <script type="text/javascript" src="static/libs/kindeditor/kindeditor.js"></script>
 <script type="text/javascript" src="static/js/zfes/kindeditInit.js"></script> -->
 <!-- lineControlEditor -->
 <script type="text/javascript" src="static/libs/lineControlEditor/js/editor.js"></script>
 <link href="static/libs/lineControlEditor/css/editor.css" rel="stylesheet" type="text/css"></link>

<script src="static/js/zfes/zfes.alert.swal.js" type="text/javascript" ></script>
<script src="static/js/zfes/zfes.core.js" type="text/javascript" ></script>
<script src="static/js/zfes/zfes.ajax.js" type="text/javascript" ></script>
<script src="static/js/zfes/zfes.util.js" type="text/javascript" ></script>
<script src="static/js/zfes/zfes.editor.js" type="text/javascript" ></script>
<script src="static/js/zfes/zfes.storage.js" type="text/javascript" ></script>
<!-- <script src="static/js/zfes/zfes.vue.js" type="text/javascript" ></script> -->
<script src="static/js/zfes/zfes.vue.directive.js" type="text/javascript" ></script> 
<script src="static/libs/ztree/jquery.ztree.all.min.js" type="text/javascript" ></script> 
 
<script src="static/js/zfes/zfes.tree.js" type="text/javascript" ></script>
<script type="text/javascript">
//ZFTree.init();
</script>
<script src="static/js/zfes/zfes.fileupload.js" type="text/javascript" ></script>
<script src="static/js/zfes/zhes.navmenu.js" type="text/javascript"></script>
<script src="static/js/zfes/zfes.dateTime.js" type="text/javascript"	></script> 
<script src="static/js/zfes/zfes.flowChart.js" type="text/javascript"	></script>
<script src="static/js/zfes/zfes.layer.editDialog.js" type="text/javascript" ></script>
<script src="static/js/zfes/zfes.bootstrap.table.js" type="text/javascript" ></script>
<script src="static/js/zfes/zfes.permisison.js" type="text/javascript" ></script>

<script src="static/js/zfes/zfes.app.js" type="text/javascript" ></script>
<script type="text/javascript">

$(function(){ 
	//loadMenu("/static/menu.json","APP_ROOT");
	loadMenu("/auth/authMenu/loadAuthMenuTree","APP_ROOT");
	 zfesPermStore.initPerm("auth/loadAuthCodes",{},function(){});
});  
 function showUserInfo(){
	 var url="/view/auth/authUser/userInfo.html";
	 zfesLayerEditDg.open(url,{"id":3},"用户详细信息",460,function(){/* zfesBstable.refresh(jqTableDom); */});
}
 function logout(){
	  var ajaxUrl="api/auth/logout";
		zfesAjax.ajaxTodo(ajaxUrl, {}, function(data) {
			if(data.statusCode==200){
				if(sessionStorage){sessionStorage.removeItem("cs_token");}
				zfesUtil.locationWithParams("login.html",{});
			}else{
				alertMsg.error(data.message);
			}
		});  
 }

 function openMoreMsg(){
	 loadContent("view/message/message.list.html");
 }
 function loadMessagesList(){
	 var $messagesList=$("#messagesList");
	 var $messagesTotal=$("#messagesTotal");
	 var msgUrl="/common/msg/sysMessageReceivor/loadSysMessageReceivorList";
		zfesAjax.ajax(msgUrl,{isRead:"0"},function(data){
			$messagesTotal.html(data.total);
			for(var i=0;i<data.total;i++){
				var msg=data.rows[i];
				var msgContent=msg.msgContent;
				if(msgContent.length>15){
					msgContent=msgContent.substring(0,15)+"...";
				}
				var time=msg.createDate;
				time=time.substring(time.indexOf(" "),time.length);
				var tag='<li id="msgLi'+i+'"><a href="#"><div class="pull-left">';
				tag+='<img src="static/image/a1.jpg" class="img-circle" alt="User Image"></div>';
				tag+='<h4>'+msg.msgTheme+'<small><i class="fa fa-clock-o"></i>'+time+'</small></h4>';
				tag+='<p>'+msgContent+'</p>';
				tag+='</a></li>';
				$messagesList.append(tag);
			}
		});  
 }
 function loadInformMsgList(){
	 var $informMsgList=$("#informMsgList");
	 var $informMsgTotal=$("#informMsgTotal");
	 var msgUrl="/common/msg/sysMessageScope/loadSysMessageScopeList";
		zfesAjax.ajax(msgUrl,{},function(data){
			$informMsgTotal.html(data.total);
			for(var i=0;i<data.total;i++){
				var msg=data.rows[i];
				var msgContent=msg.msgContent;
				if(msgContent.length>15){
					msgContent=msgContent.substring(0,15)+"...";
				}
				var time=msg.createDate;
				time=time.substring(time.indexOf(" "),time.length);
				var tag='<li id="informMsgLi'+i+'"><a href="#"><i class="fa fa-users text-aqua"></i>';
				tag+=msg.msgTheme;
				tag+='</a></li>';
				$informMsgList.append(tag);
			}
		});  
 }
 </script>
</body>
</html>
